<template>
  <el-container direction="vertical">
    <el-main class="table-one">
      <ESC />
    </el-main>
    <el-main class="table-two">
      <SLB />
    </el-main>
  </el-container>
</template>
<script>
import { MIX_Table } from "@/mixin/table";
import { fetchDisplayList } from "@/api/user";
import ESC from "../components/ecs.vue";
import SLB from "../components/slb.vue";
export default {
  name: "",
  data() {
    return {
      dialogType: "",
      orderId: "8633e83f-c36b-4cdd-8b4a-753af2abfb08",
      user: null, // 客服详情
      productId: "",
      showProductDetail: false,
      orderHistoryData: {}, //订单历史
      dialogFormVisible: false,
    };
  },
  mixins: [MIX_Table],
  components: { ESC, SLB },
  methods: {
    // ------------------------------------------------------------------
    // pragma mark - inti(初始化行为)
    // ------------------------------------------------------------------
    createdInit() {
      this.query.pageInfo.PhoneNumber = this.$route.query.PhoneNumber;
      this.loadData();
    },
    mountedInit() {},
    // 加载操作日志表格
    loadData() {
      this.loadTableData(fetchDisplayList);
    },
  },
  // ------------------------------------------------------------------
  // pragma mark - Life Cycle(生命周期)
  // ------------------------------------------------------------------
  created() {
    this.createdInit();
  },
  beforeMount() {},
  mounted() {
    this.mountedInit();
  },
  updated() {},
};
</script>
<style scoped>
.table-one {
  /* background: #eee; */
  height: 50vh;
}
.table-two {
  /* background: red; */
  height: 30vh;
}
</style>